@global-font: PingFangSC-Regular, sans-serif, monospace; // 全局字体
@number-font: PingFangSC-Regular, sans-serif, monospace;

@blue: #1890FF;
@blue-dark: #4A90E2;
@blue-light: #D5EBFF;
@orange: #F39800;
@orange-light: #FFE7BF;
@red: #FF4100;
@blank: #fff;
@blank-light: #e7f1ff;
@grey: #FAFAFA;
@grey-divider: #F2F4F6;
@grey-sub: #999;
@grey-weak: #ccc;
@grey-line: #DBDBDB;
@black: #000;
@black-alpha-50: rgba(0, 0, 0, 0.5);
@green: rgb(59, 140, 20);
@white: #fff;


// ***** 全局颜色定义 *******
@color-primary: @blue; // 主色调 eg.如功能性按钮、提示性icon
@color-primary-light: @blue-light;
@color-brand: @orange; // 品牌色 eg.强调性⽂案
@color-bubble: @orange-light; // 辅助色 eg.我⽅聊天⽓泡背景⾊
@color-link: @orange-light; // 链接色 eg.⽤于超链接⽂案、按钮
@color-error: @red; // 辅助色 eg.红⾊_错误信息提示

// ***** 背景颜色定义 *******
@color-fill-grey-inverse: @blank; // 空白色
@color-divider-background: @grey-divider; // ⼤⾯积使⽤，⽤于背景存托
@color-control-background: @grey; // 备注、事由等控件背景⾊

// ***** 文字颜色定义 *******
@color-text-primary: @blue; // 主色 如功能操作性按钮
@color-text-on-primary: @white; // 主色背景色上使用的字体颜色
@color-text-primary-light: @blank-light; // 主色-浅 默认标签⽂案
@color-text-warning: @red; // 警告色 红⾊_错误信息提示
@color-text-title: @black; // 主标题 ⿊⾊_标题、正⽂、等常规性⽂字
@color-text-subtitle: @grey-sub; // 副标题 深灰_辅助、默认状态⽂字
@color-text-weak: @grey-weak; // 弱文案 灰⾊_失效、辅助⽂字

// ***** 分割线颜色定义 *******
@color-divider-line: @grey-line;

// ***** 遮罩层颜色定义 *******
@color-mask: @black-alpha-50;

// ***** 字体大小定义 *******
@font-size-navigation-title: 20px; // 导航栏字号
@font-size-notice-title: 18px; // 新闻、公告、通知等标题
@font-size-list: 16px; // 列表
@font-size-normal: 14px; // 常规内容
@font-size-normal-secondary: 12px; // 次常规内容
@font-size-normal-weak: 11px; // 弱化内容和弱辅助⽂案

// ***** 圆⻆定义 *******
@corner-radius-sm: 4px;
@corner-radius-md: 8px;
@corner-radius-lg: 16px;

// ***** 间距定义 *******
@h-spacing-standard: 8px; // 水平间距
@h-spacing-large: 16px; // 水平间距-大
@v-spacing-standard: 8px; // 垂直间距
@v-spacing-large: 16px; // 垂直间距-大
@global-padding: 15px; // 统一的内边距

// ***** 组件颜色定义 *******
@button-background-color: @color-primary;
@button-text-color: @color-text-primary;
@button-grid-edit-color: @green;
@button-grid-add-color: @color-primary;
@button-grid-del-color: @red;

// 规范2.0

// ***** 字体定义 ********
@font-size-extra-large: 0.22rem; // 用于特大标题
@font-size-title: 0.16rem; // 用于页面内的小标题
@font-size-text: 0.14rem; // 常规的字号
@font-size-small: 0.12rem; // 次级元素/角标的字号

// ***** 字体颜色预设 ******

@font-color-title: rgba(0, 0, 0, 0.86); // 用于页面内的小标题
@font-color-text: rgba(0, 0, 0, 0.7); // 常规的字号
@font-color-small: rgba(0, 0, 0, 0.4); // 次级元素/角标的字号

// ***** 行高 ********
@line-height-extra-large: 0.32rem;
@line-height-title: 0.24rem;
@line-height-text: 0.22rem;
@line-height-small: 0.16rem;

// ****** 间距 *********
@spacing-lv1: 0.02rem;
@spacing-lv2: 0.04rem;
@spacing-lv3: 0.08rem;
@spacing-lv4: 0.1rem;
@spacing-lv5: 0.14rem;
@spacing-lv6: 0.2rem;

// ****** 字体 *********
@font-family-medium: PingFangSC-Medium, PingFangSC-Regular, sans-serif, monospace; // 全局字体
@font-family-regular: PingFangSC-Regular, sans-serif, monospace; // 全局字体
@font-family-Semibold: PingFangSC-Semibold PingFangSC-Regular, sans-serif, monospace;


// ui-style.less --- 颜色

@blue-1: #4183FF;
@blue-2: #286FF3;
@blue-3: #B3CEFF;
@red-1: #F75252;
@green-1: #0FC477;
@orange-1: #FFB226;

@primary-color: @blue-1; // 主题色
@primary-color-variant: @blue-2; // 点击事件颜色
@primary-color-deactive: @blue-3; // 禁用状态颜色
@success-color: @green-1; // 操作正确反馈色
@alert-color: @red-1; // 警觉色
@warning-color: @orange-1; // 系统通知色

@white-1: #FFFFFF;
@grey-1: #242424;
@grey-2: #4C4C4C;
@grey-3: #999999;
@grey-4: #F6F7FB;
@grey-5_20: rgba(0, 0, 0, 0.2);
@grey-6: #EEEEEE;
@grey-7: #EBECF2;

// text-color
@text-color-primary: @grey-1;
@text-color-secondary: @grey-2;
@text-color-tertiary: @grey-3;
@text-color-on-primary: @white-1;

// 全局背景色
@background-color: @grey-4;
// 弹框遮罩
@mask-color: @grey-5_20;
// 表单分割线
@divider-color: @grey-6;
// 聊天详情背景
@chat-background-color: @grey-7;


// ***** 文字相关的全局语义化
// 基础值
@font-size-small: .12rem;
@font-size-medium: .14rem;
@font-size-large: .16rem;
@font-size-x-large: .18rem;
@font-size-xx-large: .22rem;

// 全局语义
@font-size-small-text: @font-size-small;
@font-size-text: @font-size-medium;
@font-size-label: @font-size-medium;
@font-size-title: @font-size-large;

// 特殊场景
@font-size-profile-small: @font-size-medium;
@font-size-profile-medium: @font-size-x-large;
@font-size-profile-large: @font-size-xx-large;

// ***** 间距相关的全局语义化
// 基础值 (如出现设计稿间距出现奇数,则为错误数值,请及时与常亮沟通)
@space-xxx-small: .02rem;
@space-xx-small: .06rem;
@space-x-small: .08rem;
@space-small: .1rem;
@space-regular: .14rem;
@space-medium: .16rem;
@space-large: .2rem;

// 局部语义
@screen-margin: @space-medium;